<!DOCTYPE HTML>
<!--
	Future Imperfect by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>

<head>
	<title>详情页</title>
	<meta charset="utf-8" />
    <meta name="referrer" content="never">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<link rel="stylesheet" href="../static/css/main.css" />
</head>

<body class="single is-preload">
    <div id="wrapper">
<!-- Header -->
    <header id="header">
        <h1><a href="/">微信文章精选</a></h1>
        <nav class="links">
            <ul>
                <li><a href="#">Lorem</a></li>
                <li><a href="#">Ipsum</a></li>
                <li><a href="#">Feugiat</a></li>
                <li><a href="#">Tempus</a></li>
                <li><a href="#">Adipiscing</a></li>
            </ul>
        </nav>
        <nav class="main">
            <ul>
                <li class="search">
                    <a class="fa-search" href="#search">Search</a>
                    <form id="search" method="get" action="#">
                        <input type="text" name="query" placeholder="Search" />
                    </form>
                </li>
                <li class="menu">
                    <a class="fa-bars" href="#menu">Menu</a>
                </li>
            </ul>
        </nav>
    </header>

<!-- Menu -->
    <section id="menu">
            <!-- Search -->
                <section>
                    <form class="search" method="get" action="#">
                        <input type="text" name="query" placeholder="Search" />
                    </form>
                </section>
            <!-- Links -->
                <section>
                    <ul class="links">
                        <li><a href="/?cid=pc_0">热门</a></li>
                        <li><a href="/?cid=pc_1">搞笑</a></li>
                        <li><a href="/?cid=pc_2">养生堂</a></li>
                        <li><a href="/?cid=pc_3">私房话</a></li>
                        <li><a href="/?cid=pc_4">八卦精</a></li>
                        <li><a href="/?cid=pc_5">科技咔</a></li>
                        <li><a href="/?cid=pc_6">财经迷</a></li>
                        <li><a href="/?cid=pc_7">汽车控</a></li>
                        <li><a href="/?cid=pc_8">生活家</a></li>
                        <li><a href="/?cid=pc_9">时尚圈</a></li>
                        <li><a href="/?cid=pc_10">育儿</a></li>
                        <li><a href="/?cid=pc_11">旅游</a></li>
                    </ul>
                </section>

            <!-- Actions -->
                <section>
                    <ul class="actions stacked">
                        <li><a href="#" class="button large fit">Log In</a></li>
                    </ul>
                </section>

        </section>
    {{ search | safe }}
    </div>

<!-- Scripts -->
<script src="../static/js/jquery.min.js"></script>
<script src="../static/js/browser.min.js"></script>
<script src="../static/js/breakpoints.min.js"></script>
<script src="../static/js/util.js"></script>
<script src="../static/js/main.js"></script>
</body>

</html>